<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<div style="height: 50px;">
			<header class="mui-bar mui-bar-nav" style="padding: 0;background-color: deepskyblue;">
				<h1 class="mui-title" style="color: white;">恒兴工程费用管理——登录</h1>
			</header>
		</div>
		<div style="clear: both;height: 1px;display: block;">
			<form class="mui-input-group">
				<div class="mui-input-row">
					<label>用户名</label>
					<input type="text" class="mui-input-clear" placeholder="手机号" id="phone">
				</div>
				<div class="mui-input-row">
					<label>密码</label>
					<input type="password" class="mui-input-password" placeholder="密码" id="pwd">
				</div>
				<div class="mui-button-row" style="background-color: white;height: 80px;">
					<input type="checkbox" id="checkbox" style="margin-top: 10px;" />记住账号
					<a style="margin-top: 10px;margin-left: 150px;" id="change">忘记/修改密码</a><br/>
					<button type="button" class="mui-btn mui-btn-primary" id="login">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
				</div>
			</form>
		</div>
		<div class="modal fade" id="pwdModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
									&times;
								</button>
						<h4 class="modal-title" id="myModalLabel">
									修改密码
								</h4>
					</div>
					<div class="modal-body">
						<ul class="change_ul form-horizontal form-label-left">
							<div class="form-group row">
								<label for="firstname" class="col-sm-3 col-xs-3 control-label" style="font-size: 12pt;">手机号</label>
								<div class="col-sm-7 col-xs-7">
									<input type="text" class="form-control" id="phoneChange">
								</div>
								<div class="col-sm-2 col-xs-2">
								</div>
							</div>
							<div class="form-group row">
								<label for="firstname" class="col-sm-3 col-xs-3 control-label" style="font-size: 12pt;">验证码</label>
								<div class="col-sm-5 col-xs-5">
									<input type="text" class="form-control" id="smsCode">
								</div>
								<div class="col-sm-4 col-xs-4" style="padding-top: 10px;">
									<label style="color:#00a5fe;margin: 0;width: 100px;cursor: pointer;" id="smsLabel">发送验证码</label>
								</div>
							</div>
							<div class="form-group row">
								<label for="firstname" class="col-sm-3 col-xs-3 control-label" style="font-size: 12pt;">新密码</label>
								<div class="col-sm-7 col-xs-7">
									<input type="text" class="form-control" id="pwdChange">
								</div>
								<div class="col-sm-2 col-xs-2">
								</div>
							</div>
						</ul>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" id="okchange">
									确定
								</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
		<script src="config/url.js?v=1.0.1"></script>
		<script src="js/login.js"></script>
	</body>

</html>